<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />

    <title>Admin Control Panel – Login</title>

    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/visualize.css" />
    <link rel="stylesheet" href="css/datatables.css" />
    <link rel="stylesheet" href="css/buttons.css" />
    <link rel="stylesheet" href="css/checkboxes.css" />
    <link rel="stylesheet" href="css/inputtags.css" />
    <link rel="stylesheet" href="css/main.css" />
    
    <!--[if lt IE 9]>
    <link rel="stylesheet" href="css/ie.css" />
    <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>

  <body>    
    <div id="gradient">
      <div id="stars">
        <div id="container" class="logincontainer">
        
          <header>
          
            <!-- Logo -->
            <h1 id="logo">Admin Control Panel</h1>
          
          </header>
        
          <!-- The application "window" -->
          <div id="application">
            
           <nav id="secondary">
              <ul>
                <li class="current"><a href="#">Login</a></li>
                <li><a href="#">Sign up</a></li>
                <li><a href="#">Forgot password</a></li>
              </ul>
            </nav>
          
            <!-- The content -->
            <section id="content">

              <br /><br />
              <form action="/">
                <section>
                  <label for="username">Username</label>

                  <div>
                    <input type="text" name="username" placeholder="Username" class="required" />
                  </div>
                </section>

                <section>
                  <label for="password">Password</label>

                  <div>
                    <input type="password" name="password" id="password" placeholder="Password" class="required" />
                    <br /><br /><input type="submit" value="Login" class="button primary" />
                    <a href="#" class="button">Cancel</a>
                  </div>
                </section>
              </form>

            </section>
          </div>
        
          <footer id="copyright">Theme design &amp; development by Bram Jetten in 2011</footer>
        </div>
      </div>
    </div>

    <!-- JavaScript -->
    <script src="js/excanvas.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/jquery.livesearch.js"></script>
    <script src="js/jquery.visualize.js"></script>
    <script src="js/jquery.datatables.js"></script>
    <script src="js/jquery.placeholder.js"></script>
    <script src="js/jquery.selectskin.js"></script>
    <script src="js/jquery.checkboxes.js"></script>
    <script src="js/jquery.wymeditor.js"></script>
    <script src="js/jquery.validate.js"></script>
    <script src="js/jquery.inputtags.js"></script>
    <script src="js/notifications.js"></script>
    <script src="js/application.js"></script>
  </body>
</html>